{% extends 'base.html' %}
{% block head %}
    <script>

        {# 省的选项       #}
        $.get('/user/return_area/', function (data) {

            $.each(data.returnlist, function (n, area) {
                var sStr = '<option value = ' + area.id + '>' + area.atitle + '</option>';
                $('#sheng').append(sStr);
                {#                console.log(sStr);#}
            })
        })


        $(function () {
            {# 当省被选择过后,市才有选项       #}
            $('#sheng').change(function () {

                $.get('/user/return_area/', {'id': $(this).val()}, function (data) {
                    $('#shi').html('<option value="0"> 请选择市</option>')
                    $.each(data.returnlist, function (n, area) {
                        var sStr = '<option value = ' + area.id + '>' + area.atitle + '</option>';
                        $('#shi').append(sStr);
                        {#                console.log(sStr);#}
                    })
                })
            })


            {# 当市被选择过后,区才有选项       #}
            $('#shi').change(function () {
                $('#qu').html('<option value="0"> 请选择区</option>')
                $.get('/user/return_area/', {'id': $(this).val()}, function (data) {

                    $.each(data.returnlist, function (n, area) {
                        var sStr = '<option value = ' + area.id + '>' + area.atitle + '</option>';
                        $('#qu').append(sStr);
                        {#                console.log(sStr);#}
                    })
                })
            })

            {#            提交保持按钮过后的设置#}
            {% if alert == 1 %}
                alert({{ alertimg }})
            {% endif %}


        })


    </script>



{% endblock head %}



{% block body %}
    <div class="main_con clearfix">
        <div class="left_menu_con clearfix">
            <h3>用户中心</h3>
            <ul>
                <li><a href="/user/user_center/">· 个人信息</a></li>
                <li><a href="/user/order/">· 全部订单</a></li>
                <li><a href="#" class="active">· 收货地址</a></li>
            </ul>
        </div>
        <div class="right_content clearfix">
            <h3 class="common_title2">收货地址</h3>
            <div class="site_con">
                <dl>
                    {#						<dt>当前地址：</dt>#}
                    {% for foo in fulladdr %}
                        <dd>{{ foo.addr }} （{{ foo.sjr }} 收） {{ foo.sjh }}</dd>
                    {% endfor %}

                    {#						<dd>北京市 海淀区 东北旺西路8号中关村软件园 （李思 收） 182****7528</dd>#}
                </dl>
            </div>
            <h3 class="common_title2">编辑地址</h3>
            <div class="site_con">
                <form method="post" action="/user/add_user_site/">
                    <div class="form_group">
                        <label>收件人：</label>
                        <input type="text" name="sjr">
                    </div>

                    <div class="form_group">
                        <label>手机：</label>
                        <input type="text" name="sjh">
                    </div>

                    <div class="form_group">
                        <label>地址：</label>
                        {#                        <input type="text" name="">#}
                        <select id="sheng" name="sheng">
                            <option value="0"> 请选择省</option>

                        </select>
                        {#                        &nbsp; &nbsp; &nbsp;#}
                        <select id="shi" name="shi">

                            <option value="0"> 请选择市</option>


                        </select>
                        {#                        &nbsp; &nbsp;#}
                        <select id="qu" name="qu">

                            <option value="0"> 请选择区</option>

                        </select>

                    </div>

                    <div class="form_group form_group2">
                        <label>详细地址：</label>
                        {#                        <textarea class="site_area"></textarea>#}
                        <input type="text" name="short_addr">
                    </div>


                    <input type="submit" name="" value="提交" class="info_submit" id="submit">
                </form>
            </div>
        </div>
    </div>
{% endblock body %}